@charset "utf-8";
@import url("font_1.css");	 
/* layout */
body, table, th, td, button, select, input {
	font-family:"微软雅黑", Arial, sans-serif;
	font-size:13px;
	color:#666;
}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; position:relative; } /* min-width  */

.area{ width:1300px; margin:0px auto;} /* width */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.text-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:initial; color:inherit; margin-top:10px; margin-left:15px; float:left}
.font-square{font-family:"微软雅黑", Arial, sans-serif}


@media all and (max-width:1220px){
	.area{width:100%;}
}

@media all and (max-width:800px){

}

@media all and (max-width:480px){

}

/* ****************** HEADER ********************** */
#header{position:fixed; width:100%; height:86px; background-color:#fff; z-index:9999; border-bottom:1px solid #fff;
	-webkit-transition:height 0.4s; -moz-transition:height 0.4s; -o-transition:height0.4s; -ms-transition:height 0.4s; transition:height 0.4s;
}
#headerInner{width:100%; height:100%;}
.logo{position:absolute; top:20px; left:2%; z-index:999;}
.util{position:absolute; top:24px; right:1.2%; z-index:999;}
.util > li{display:inline-block; vertical-align:top; margin-left:10px;}
#languageBox{position:relative; margin-left:0;}
#languageBox .language-open-btn{display:block; width:128px; height:39px; border:1px solid #cfcfcf; font-size:15px; line-height:39px; color:#333; font-weight:500; font-style:italic; background:#fff url(../images/icon_language_arrow_1.png) no-repeat 90% center; text-indent:10px;}
#languageBox .language-open-btn span{display:inline-block; vertical-align:middle; width:16px; height:16px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; background:#111 url(../images/language_icon_2_1.gif) no-repeat center center; background-size:cover; margin-right:6px;}
#languageBox > ul{display:none; position:absolute; top:40px; left:0; width:128px; border:1px solid #cfcfcf; background-color:#fff;}
#languageBox > ul li a{display:block; text-indent:10px; font-size:15px; line-height:28px; color:#333;}
#languageBox > ul li:hover a{color:#154ad3;}
.sitemap-btn > a{display:block; width:128px; height:39px; border:1px solid #cfcfcf; font-size:15px; line-height:39px; color:#333; font-weight:500; font-style:italic; background:#fff url(../images/icon_sitemap_1.png) no-repeat 15px center; text-align:center; text-indent:5px;}


@media all and (max-width:1500px){
	.sitemap-btn > a{width:35px; border:none; }	
	.sitemap-btn > a span{display:none; }
}

@media all and (max-width:1220px){
	.util{display:none;}
}

@media all and (max-width:800px){
	#header{height:60px;}
	.logo{/*top:15px;*/top:15px;}
	.logo img{max-width:108px;}
	.subpage .nav {display: none;}
}

@media all and (max-width:480px){
	#header{height:60px;}
	.logo{/*top:15px;*/top:15px;}
	.logo img{max-width:108px;}
}


/* ****************** GNB ********************** */
.gnb-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5;filter:Alpha(opacity=50); z-index:98;}
#gnb2depBg{position:absolute; top:87px; width:100%; height:0; z-index:98; background-color:#fff; visibility:hidden; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb2depBg:before{display:block; content:""; width:602px; height:100%; background:url(../images/gnb_2dep_wrap_bg.jpg) no-repeat left top; position:absolute; top:0; left:50%; margin-left:-960px;}
#gnb2depBg.active{height:380px; visibility:visible; border-top:1px solid #333;}

#gnb{position:relative; width:900px; z-index:100; background-color:#fff; text-align:center; margin:0 auto; float:right}
#gnb > ul{width:100%; text-align:center;}
#gnb > ul > li{display:inline-block; vertical-align:top; width:148px; text-align:center; margin-left:-3.5px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li:first-child{margin-left:0;}
#gnb > ul > li > a{display:block; font-size:17px; line-height:87px; color:#111; letter-spacing:-1px; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li > a:hover { color:#1463d2; }
#gnb > ul > li > a:before{display:inline-block; content:""; width:19px; height:12px; background:url(../images/gnb_li_bg.png) no-repeat; position:absolute; top:50%; margin-top:-6px; left:-10px;}
#gnb > ul > li > a:hover:before{background:url(../images/gnb_li_bgon.png)}
#gnb > ul > li:first-child > a:before{display:none;}

#gnb > ul > li .gnb-2dep-wrap{width:100%; z-index:99; position:absolute; top:87px; left:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;  -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s;}
#gnb > ul > li .gnb-2dep-wrap.open{height:380px; opacity:1.0;filter:Alpha(opacity=100); visibility:visible; -webkit-transition-delay:0.05s; -moz-transition-delay:0.05s; -o-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; transition-duration:0.15s;}

#gnb > ul > li .gnb-2dep-wrap .gnb-2dep-inner{height:100%; position:relative;}
.gnb-2dep-inner .gnb-2dep-info{width:20%; max-width:240px; float:left; height:100%; text-align:left; position:relative; }
.gnb-2dep-info > h2{font-size:40px; color:#fff; font-weight:400; letter-spacing:-0.75px; padding-top:110px;}
.gnb-2dep-info > strong{display:block; font-size:24px; line-height:50px; color:#fff; font-weight:400; letter-spacing:-0.75px; margin-bottom:20px;}
.gnb-2dep-info > p{font-size:16px; line-height:33px; color:#fff; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.75px; }

#gnb .gnb-2dep{width:80%; max-width:960px; float:left; height:100%;}
#gnb .gnb-2dep > li{float:left; width:21.7%; max-width:209px; padding-top:34px; margin-left:27px; margin-left:3%;  }
#gnb .gnb-2dep > li img{max-width:100%;  }
#gnb .gnb-2dep > li p{font-size:17px; line-height:50px; color:#666; letter-spacing:-0.75px; font-weight:400;  }
#gnb .gnb-2dep > li:hover img{}
#gnb .gnb-2dep > li:hover p{color:#154ad3;}


@media all and (max-width:1500px){
	#gnb > ul > li{width:118px;}
}

@media all and (max-width:1220px){
	#gnb{display:none;}
	#gnb2depBg{display:none;}
	.gnb-bg{z-index:999;}
}

@media all and (max-width:800px){

}

@media all and (max-width:480px){

}

/* ****************** GNB Mobile ********************** */
/* GNB Mobile :: OPEN BUTTON */
.nav-open-btn{
	position:fixed; top:45px; right:-2%; margin-top:-16px; z-index:9998; 
	opacity:0;filter:Alpha(opacity=0);
	visibility:hidden;
}
.nav-open-btn .line{
	display:block; width:30px; height:3px; background-color:#0190d6; margin: 4px 0; 
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
.nav-open-btn.active{margin-top:-18px}
.nav-open-btn.active .line{background-color:#fff;}
.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
.nav-open-btn.active .line:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.nav-open-btn.active .line:nth-child(3){
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}
/* GNB Mobile */
#gnbM{ 
	display:block; 
	overflow-y:auto; 
	position:fixed; 
	top:0px; 
	right:-82%; 
	width:80%; 
	height:100%;  
	max-width:280px; 
	background-color:#1a6dac; 
	z-index:999; 
	box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN  */
	visibility:hidden;
}
#gnbM.open{
	right:0px; 
	visibility:hidden;
}
#gnbM #navigation{margin-top:87px;}	/* Header  */
/* GNB Mobile :: 1 */
#gnbM #navigation > li{border-bottom:1px solid rgba(255,255,255,0.33);}
#gnbM #navigation > li.active{background-color:#248cc7;}
#gnbM #navigation > li > a {position:relative; display:block; padding:20px 15px; color:#fff; font-size:18px;  }
#gnbM #navigation > li.active > a{color:#fff;}
#gnbM #navigation > li.has-2dep > a{}
#gnbM #navigation > li.has-2dep.active > a{}
#gnbM #navigation > li .gnb-icon{position:absolute; top:50%; right:10px; margin-top:-14px;}
#gnbM #navigation > li .gnb-icon i{font-size:24px;}
/* GNB Mobile :: 2 */
#gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#2f2f2f; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
#gnbM #navigation > li .gnb-2dep > li{}
#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#fff; font-size:15px; padding:10px 15px; opacity:0.7;filter:Alpha(opacity=70);}
#gnbM #navigation > li .gnb-2dep > li.active > a{opacity:1.0;filter:Alpha(opacity=100);}
/* GNB Mobile :: 3 */
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:5px 17%; background-color:#aaa; border-top:1px dotted #ddd;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:10px 0; font-size:13px; color:#fff;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
/* GNB Mobile :: sns-box */
.sns-box{padding:10px 15px;}
.sns-box a{display:inline-block; vertical-align:top; margin-right:10px;}
.sns-box a img{max-width:40px;}

@media all and (max-width:1220px){
	.nav-open-btn{right:2%; opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
	#gnbM.open{visibility:visible;}
}

@media all and (max-width:800px){
	.nav-open-btn{top:32px; right:15px;}
	#gnbM{max-width:230px;}
	#gnbM #navigation{margin-top:60px;}

	#gnbM #navigation > li .gnb-2dep > li.m{display:none;}
}

@media all and (max-width:480px){

}


/* ****************** HEADER :: Fixed ********************** */
#header.fixed{height:72px; border-bottom:2px solid #cfcfcf;}
#header.fixed .logo{top:12px; left:1%;}
#header.fixed .util{top:17px; right:1%;}
#header.fixed #gnb2depBg{top:73px;}
#header.fixed #gnb > ul > li > a{line-height:73px; }
#header.fixed #gnb > ul > li .gnb-2dep-wrap{top:73px;}
#header.fixed .nav-open-btn{top:38px;}

@media all and (max-width:1220px){
	#header.fixed .nav-open-btn{right:1%;}
}

@media all and (max-width:800px){
	#header.fixed{height:60px;}
	#header.fixed .logo{/*top:15px;*/top:8px;}
	#header.fixed .nav-open-btn{top:32px;}
	#header.fixed #gnbM #navigation{margin-top:60px;}
}

@media all and (max-width:480px){
	#header.fixed .logo{top:10px;}
}


/* ****************** FOOTER ********************** */
.to-top-btn{position:fixed; bottom:50px; right:2%; background:#000; color:#fff; padding:5px 10px;}
#footer{background-color:#fff; border-top:1px solid #ddd;}
#footerTop{border-bottom:1px solid #dfdfdf; background:#e9e9e9 }
.footer-top-inner{padding:19px 0;}
.footer-top-inner > ul{float:left;}
.footer-top-inner > ul li{display:inline-block; }
.footer-top-inner > ul li:before{display:inline-block; vertical-align:middle; content:""; width:4px; height:4px; background-color:#cfcfcf; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; margin:0 10px;}
.footer-top-inner > ul li a{display:inline-block; font-size:16px; line-height:42px; color:#666; letter-spacing:-0.75px;}
.footer-top-inner > ul li a:hover{color:#1463d2;}
.footer-top-inner > ul li:first-child:before{display:none;}
/*.footer-top-inner > ul li:first-child a{color:#1056b4;}*/
.footer-top-inner > .mail-address{float:right; font-size:16px; line-height:42px; color:#666; letter-spacing:-0.75px;}
.footer-bottom-inner{padding:30px 0;}
.footer-bottom-inner > .footer-logo{display:inline-block; vertical-align:middle; margin-right:3%;}
.footer-bottom-inner > p{display:inline-block; vertical-align:middle; font-size:16px; line-height:34px; color:#666; letter-spacing:-0.75px;}
.footer-bottom-inner > p a{color:inherit; margin:0 10px; }
.footer-bottom-inner > p span{display:block; font-size:13px; color:#999;}
/*.footer-bottom-inner > p a:last-child{ color: #F00; }*/
#familySiteBox{position:relative; float:right;}
#familySiteBox .family-open-btn{display:block; width:110px; height:41px; background:#f4f4f4 url(../images/icon_familysite_arrow_1.png) no-repeat 90% center; border:1px solid #d1d1d1; font-size:15px; line-height:41px; color:#333; letter-spacing:-0.5px; text-indent:15px;}
#familySiteBox > ul{display:none; position:absolute; bottom:41px; left:0; width:110px; background-color:#f4f4f4; border:1px solid #d1d1d1;}
#familySiteBox > ul li a{display:block; font-size:13px; line-height:30px; text-indent:15px; color:#333;}

@media all and (max-width:1220px){
	.footer-top-inner{padding:15px 0;}
	.footer-top-inner > ul{float:none; text-align:center;}
	.footer-top-inner > .mail-address{display:none;}
	.footer-bottom-inner{padding:20px 0;}
	.footer-bottom-inner > .footer-logo{display:block; margin:0px auto; margin-bottom:17px; text-align:center;}
	.footer-bottom-inner > p{display:block; text-align:center; margin-bottom:10px;}
	#familySiteBox{float:none; width:190px; margin:0px auto;}
	#familySiteBox .family-open-btn{margin:0px auto;}

}

@media all and (max-width:800px){
	.footer-bottom-inner > .footer-logo img{max-width:155px;}
	.footer-top-inner > ul li:before{margin:0 5px;}
	.footer-top-inner > ul li a{font-size:15px; line-height:30px;}
	.footer-bottom-inner{padding:15px 0;}
	.footer-bottom-inner > p{font-size:15px; line-height:30px;}
	.footer-bottom-inner > p a{margin:0 5px;}
}

@media all and (max-width:480px){
	.footer-top-inner{padding:10px 0;}
	.footer-bottom-inner > p{line-height: 1.6em;}
}

/* ****************** SUB LAYOUT ********************** */
#visual{/*margin-top:72px;*/margin-top:87px; width:100%; height:406px;}
.sub-visual-inner{height:100%;}
.sub-visual-txt{text-align:center; /*padding:9% 0 7% 0;*/padding:108px 0 7% 0; position:relative;}
.sub-visual-txt > strong{display:block; font-size:50px; color:#fff; font-weight:500; letter-spacing:-0.25px; margin-bottom:3%;line-height:1;}
.sub-visual-txt > p{font-size:16px; color:#fff; /*color:rgba(255,255,255,0.6);*/ letter-spacing:-0.75px; font-weight:300; line-height:1;}
.sub-visual-txt .sub-page-loc{position:absolute; top:50%; margin-top:-9px; font-size:18px; color:#fff; color:rgba(255,255,255,0.7); font-weight:400;}

.sub-visual-txtp{text-align:center; /*padding:9% 0 7% 0;*/padding:108px 0 7% 0; position:relative;display: none;}
.sub-visual-txtp > strong{display:block; font-size:50px; color:#0262b2; font-weight:500; letter-spacing:-0.25px; margin-bottom:3%;}
.sub-visual-txtp > p{font-size:16px; color:#0262b2; /*color:rgba(255,255,255,0.6);*/ letter-spacing:-0.75px; font-weight:300;}
.sub-visual-txtp .sub-page-loc{position:absolute; top:50%; margin-top:-9px; font-size:18px; color:#fff; color:rgba(255,255,255,0.7); font-weight:400;}

.sub-page-loc i{color:inherit; vertical-align:middle;}
.sub-page-loc.page-prev{left:10%;}
.sub-page-loc.page-next{right:10%;}
#sidebar{width:100%;}
#sidebar .snb{width:100%; text-align:center;}
#sidebar .snb > li{display:inline-block; vertical-align:top; /*width:13.3%;*/width:12%; max-width:160px; height:58px; background-color:#000; background-color:rgba(0,0,0,0.2); border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#sidebar .snb > li a{display:block; width:100%; font-size:18px; color:#fff; line-height:58px; letter-spacing:-0.3px;}
#sidebar .snb > li.on, #sidebar .snb > li:hover{background-color:#0077cd; background-color:rgba(0,119,205,0.8); border-color:#59a0d7;}

#middleArea{width:100%; background-color:#fff;}
#subLocation{width:100%; background-color:#fff;}
.sub-loc-inner{border-bottom:1px solid #cfcfcf; padding-top:15px; height:50px; max-height:50px; overflow:hidden;}
.sub-loc-tit{float:left; font-size:32px; color:#333; font-weight:400; letter-spacing:-0.75px; padding-bottom:18px; position:relative; padding-right:2.5%;}
.sub-loc-tit:after{display:inline-block; content:""; width:100%; height:1px; background-color:#00538f; position:absolute; bottom:0; left:0;}
.sub-loc-txt{float:right; line-height:36px;}
.sub-loc-txt > span{display:inline-block; vertical-align:middle; font-size:15px; color:#000; color:rgba(51,51,51,0.5); letter-spacing:-0.75px;}
.sub-loc-txt > span.current{color:#333;}
.sub-loc-txt > span i{vertical-align:middle; font-size:20px;}
.sub-loc-txt > span.home{color:#3582bd;}
#content{padding:4% 0 5%  0;}

/* -------- Mobile Side Bar -------- */
#topMenuBar{display:none; position:relative;}
#topMenuBar .depth1-tit{overflow:hidden; width:100%; font-weight:500;}
#topMenuBar .depth1-tit a{position:relative; display:block; height:55px; color:#333; padding:0 3%; background-color:#fff; border-bottom:1px solid #cfcfcf;}
#topMenuBar .depth1-tit a span{display:inline-block; line-height:55px; font-size:18px; position:relative;}
#topMenuBar .depth1-tit a span:after{display:inline-block; content:""; width:100%; height:1px; position:absolute; bottom:-1px; left:0; background-color:#00538f;}
#topMenuBar .depth1-tit a .arrow{position:absolute; top:50%; right:2%; margin-top:-10px;}
#topMenuBar .depth1-tit a.open .arrow{transform:rotate(-180deg); margin-top:-14px;}
#topMenuBar .top-menu-list{display:none; width:100%; position:absolute; top:56px; left:0px; z-index:99; background-color:#fff;}
#topMenuBar .top-menu-list li{width:100%; }
#topMenuBar .top-menu-list li a{display:block; height:45px; line-height:45px; padding:0 3%; font-size:16px; border-bottom:1px solid rgba(0,0,0,0.3); color:#333; text-align:left;}
#topMenuBar .top-menu-list li:first-child a{border-top:1px solid rgba(255,255,255,0.3);}
#topMenuBar .gnb-3dep{display:none;}
.clearfixed:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; zoom: 1; }


@media all and (max-width:1220px){
	#sidebar, #subLocation{display:none;}
	#topMenuBar{display:block;}
	.sub-visual-inner{display:table;}
	.sub-visual-txt{display:table-cell; width:100%; vertical-align:middle; padding:0;}
	.common-tab1depthType-1 {display:none;}
}

@media all and (max-width:800px){
	#visual{margin-top:61px; height:284px;}
	.sub-visual-inner{display:table;}
	.sub-visual-txt{display:table-cell; width:100%; vertical-align:middle; padding:0;}
	.sub-visual-txt > strong{margin-bottom:5%; font-size:35px;}
	.sub-visual-txt .sub-page-loc{margin-top:-5%; font-size:15px;}
	
	.sub-visual-txtp{display:table-cell; width:100%; vertical-align:middle; padding:0; }
	.sub-visual-txtp > strong{margin-bottom:5%; font-size:35px;color:#fff;}
	.sub-visual-txtp .sub-page-loc{margin-top:-5%; font-size:15px;}
	
	.sub-page-loc.page-prev{left:0;}
	.sub-page-loc.page-next{right:0;}

	#topMenuBar .top-menu-list li.m{display:none;}
}

@media all and (max-width:480px){
	#visual{height:200px;}
	.sub-visual-txt > strong{font-size:30px;}
	.sub-visual-txt > p{font-size:15px; line-height:20px; word-break:normal;}
	.sub-visual-txt .sub-page-loc{display:none;}
	
	.sub-visual-txtp > strong{font-size:30px;}
	.sub-visual-txtp > p{font-size:15px; line-height:20px; word-break:keep-all;color:#fff;}
	.sub-visual-txtp .sub-page-loc{display:none;}
}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:1000px; margin:20px auto; background-color:#fff;}
.footer-modal-content h1{height:60px; line-height:60px; font-size:30px; font-weight:500; letter-spacing:-1px; text-align:center; padding:0;  color:#fff; background-color:#154ad3;}
.footer-modal-content p{text-align:center; color:#fff; opacity:0.5; margin-top:10px;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; font-size:38px;}
.modal-close-btn i{font-size:inherit}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:5%; }
.footer-inner{padding:2%; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }
.sitemap-wrapper{padding:5%;}
.sitemap-wrapper > ul{overflow:hidden;}
.sitemap-wrapper > ul > li{float:left; width:20%; text-align:center;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */
.sitemap-wrapper.menu4 > ul > li{width:25%;}
.sitemap-wrapper.menu6 > ul > li{width:16.6%;}
.sitemap-wrapper.menu7 > ul > li{width:14.2%;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; font-size:16px; border-bottom:1px solid #888; letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5%;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:13px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#154ad3; text-decoration:underline;}
.footer-modal-content.certification{background:none; width:94%; max-width:600px;}
.footer-inner.certification{padding:0; height:auto; border:0;}
.footer-inner.certification > img{max-width:100%; display:block; margin:0px auto;}
.modal-close-btn.certification{top:-10px; right:0;}
.video-box{width:100%; padding-top:55%; position:relative; background-color:#000;}
.video-box iframe, .video-box object, .video-box embed, .video-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-inner-box{width:100%;}
.video-modal-content .modal-close-btn{top:-40px; right:-8px;}
.video-modal-content{background:none;}
.video-modal-content h1{background:none; color:#fff;}


@media all and (max-width:1220px){
	.footer-modal-content{width:94%;}
}

@media all and (max-width:800px){

}

@media all and (max-width:480px){

}


/* **** BUTTON STYLE 01 **** */
.cm-button-style01{
    position:relative; 
    overflow:hidden; 
    display:inline-block; 
    letter-spacing:-0.3px; 

    color:#fff; 
    text-align:center;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s 
}
.cm-button-style01 span{position:relative; z-index:1; left:0px; color:#333;-webkit-transition:left 0.4s;-moz-transition:left 0.4s;-o-transition:left 0.4s;-ms-transition:left 0.4s;transition:left 0.4s}
.cm-button-style01:before{
    display:block; position:absolute; top:0px; left:-130%; content:""; width:130%; height:100%; background:#00a0ea; border-radius: 0 20px 20px 0; opacity:0;filter:Alpha(opacity=0);
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.cm-button-style01 i{position:absolute; top:13px;right:50px; margin-left:15px; margin-top:-3px; vertical-align:middle; opacity:0;filter:Alpha(opacity=0); 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;} 
.cm-button-style01:hover{border:1px solid #00a0ea}
.cm-button-style01:hover i { position:absolute; top:13px;right:20px;  opacity:1.0;filter:Alpha(opacity=100); color:#fff}

.cm-button-style01:hover span{color:#fff; left:-20px;}
.cm-button-style01:hover:before{left:0px; opacity:1.0;filter:Alpha(opacity=100);}

.mobile-fixed-pop-wrapper{overflow-y:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; opacity:1.0;filter:Alpha(opacity=100);}
.mobile-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.75); }
.mobile-fixed-pop-inner-box{ position:relative; display:table-cell; vertical-align:middle; top:0px;}
.mobile-fixed-img-con{display:inline-block; min-width:250px; max-width:92%; margin:4% auto; }
.mobile-popup-img{display:block;}
.mobile-popup-img img{max-width:100%; max-height:100%;}
.mobile-popup-btn-controls{overflow:hidden; text-align:center; background-color:#f2f2f2; border-top:1px solid #f2f2f2;}
.mobile-popup-btn-controls button{float:left; border:0; padding:0; margin:0px; background:none; width:50%; height:50px; background-color:#fff; font-size:14px; color:#333; cursor:pointer;}
.mobile-popup-btn-controls .today-close-btn{background-color:#eee;}



.subpage .nav {
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #eaeaea;
	background: #fff;
}

.subpage .nav .center {
	width: 1200px;
	margin: 0 auto;
}

.subpage .nav .center .left {
	float: left;
}

.subpage .nav .center .left ul {
	position: relative;
	top: 0px;
	left: 0px
}

.subpage .nav .center .left ul>li {
	float: left;
	text-align: center;
	font-size: 16px;
	font-family: '微软雅黑';
	padding: 0 20px;
	position: relative;
	font-weight:bold;
}

.subpage .nav .center .left ul>li+li {
	margin: 0 0 0 8px;
}

.subpage .nav .center .left ul>li a {
	display: block;
	color: #555;
}
.subpage .nav .center .left ul>li a:hover{color:#1463d2;}

.subpage .nav .center .left ul>li a img {
	margin: 0 0 0 7px;
}

.subpage .nav .center .left ul>li.on {
	border-bottom: 1px solid #1463d2;
}

.subpage .nav .center .left ul>li.on a {
	color: #1463d2;
}

.subpage .nav .center .left ul>li:hover {
	border-bottom: 1px solid #1463d2;
}

.subpage .nav .center .left ul>li .two-nav {
	position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    background: #d9d9d9;
    display: none;
    z-index: 999;
}

.subpage .nav .center .left ul>li .two-nav li {
	border-bottom: 1px solid #fff;
	line-height: 30px;
}

.subpage .nav .center .left ul>li .two-nav li:hover {
	background: #1463d2;
}

.subpage .nav .center .left ul>li .two-nav li:hover a {
	color: #fff;
}

.subpage .nav .center .right {
	float: right;
	/*width: 308px;*/
	border-left: 1px solid #e5e5e5;
}

.subpage .nav .center .right i {
	float: left;
	display: block;
	width: 46px;
	height: 60px;
	background: url(../images/15.jpg) no-repeat center;
	border-right: 1px solid #e5e5e5;
}

.subpage .nav .center .right span {
	margin: 0 0 0 14px;
	font-size: 16px;
	font-family: '微软雅黑';
	color: #646464;
}

.subpage .nav .center .right span a {
	color: #1463d2;
	font-weight: bold;
}

.subpage>.content {
	width: 1200px;
	margin: 0 auto;
}

.subpage>.content .list {
	float: left;
	width: 400px;
	font-family: '微软雅黑';
	margin: 0 auto 80px;
}

.subpage>.content .list ul li {
	text-align: center;
	border-bottom: 1px solid #e8e8e8;
	padding: 7px 0;
}

.subpage>.content .list ul li a {
	color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 25px;
    background: url(../images/a-51.png) no-repeat;
    background-position: left 5px top 13px;
    background-size: 13px;
    display: block;
    text-decoration: none;
    border-radius: 4px;
    text-align: left;
}

.subpage>.content .list ul li.on a {
	color: #005797;
    background-color: #b2cce0;
}

.subpage>.content .list ul li:hover a {
	color: #005797;
    background-color: #b2cce0;
}

.subpage>.content .list dl {
	margin: 36px auto 0;
}

.subpage>.content .list dl dd {
	margin: 16px auto 0;
}



.common-tab1depthType-1 {
	border-bottom: 1px solid #e3e4e5
}
.common-tab1depthType-1 > ul {
	max-width: 1200px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	text-align: left;
}
.common-tab1depthType-1 > ul > li {
	display: inline-block;
	vertical-align: top;
	min-width: 106px
}
.common-tab1depthType-1 > ul > li a {
	display: block;
	padding: 10px 30px 11px;
	font-size: 16px;
	line-height: 28px;
	color: #333;
	font-weight: 400
}
.common-tab1depthType-1 > ul > li a:focus, .common-tab1depthType-1 > ul > li a:hover, .common-tab1depthType-1 > ul > li a.on {
	text-decoration: none;
	color: #007ac3;
	font-family: '微软雅黑';	
}
.common-tab1depthType-1 > ul > li a span {
	position: relative;
	display: inline-block
}
.common-tab1depthType-1 > ul > li a span:after {
	content: '';
	display: block;
	clear: both;
	background: #007ac3;
	height: 4px;
	position: absolute;
	bottom: -11px;
	left: 0;
	right: 0;
	width: 0;
	transition: all .1s;
	right: 0;
	transform: skew(-60deg);
	opacity: 0
}
.common-tab1depthType-1 > ul > li a:focus span:after, .common-tab1depthType-1 > ul > li a:hover span:after, .common-tab1depthType-1 > ul > li a.on span:after {
	content: '';
	display: block;
	clear: both;
	left: 0;
	right: 0;
	width: 100%;
	transform: skew(-60deg);
	opacity: 1
}
.common-tab2depthType-1 {
	/*margin-top:-20px;*/
	margin-bottom:0px;
	border:1px solid #CCC;
	border-top:0
}
.common-tab2depthType-1 > ul {
*zoom:1
}
.common-tab2depthType-1 > ul:after {
	content:'';
	display:block;
	clear:both
}
.common-tab2depthType-1 > ul > li {
	float:left;
	box-sizing:border-box;
	width:20%;
	border:1px solid #CCC;
	border-left:0;
	margin-bottom:-1px;
	text-align:center;
	overflow:hidden
}
.common-tab2depthType-1 > ul > li:nth-child(5n) {
border-right:0
}
.common-tab2depthType-1 > ul > li a {
	position:relative;
	display:block;
	height:62px;
	font-weight:400;
	font-size:18px;
	line-height:24px;
	text-align:center
}
.common-tab2depthType-1 > ul > li a:hover {
	text-decoration:none
}
.common-tab2depthType-1 > ul > li a:focus, .common-tab2depthType-1 > ul > li a:hover, .common-tab2depthType-1 > ul > li a.on {
	color:#fff;
	background:#007ac3
}
.common-tab2depthType-1 > ul > li a > span {
	position:absolute;
	top:50%;
	left:20px;
	right:20px;
	display:block;
	transform:translate(0, -50%)
}
.common-tab2depthType-1.none-border {
	border:0
}
.common-tab2depthType-1.none-border > ul > li:nth-child(5n+1) {
border-left:1px solid #CCC
}
.common-tab2depthType-1.none-border > ul > li:nth-child(5n) {
border-right:1px solid #CCC
}



/*新闻*/
.news>.content ul {
	margin: 70px auto 0;
}
.news>.content ul li.on {
	border-bottom: 1px solid #dadada;
	padding: 0 0 52px 0;
}
.news>.content ul li.on .left {
	float: left;
	width: 306px;
	overflow: hidden;
}
.news>.content ul li.on .left img {
	width: 100%;
}
.news>.content ul li.on .right {
	float: left;
	margin: 0 0 0 24px;
	width: 840px;
	border: none;
	text-align: left;
}
.news>.content ul li.on .right h1 {
	font-size: 18px;
	font-family: '微软雅黑';
	color: #000;
	font-weight: 500;
	margin: 5px auto 0;
}
.news>.content ul li.on .right h2 {
	font-family: '微软雅黑';
    font-size: 14px;
    color: #aaa;
    font-weight: 300;
    margin: 14px 0 16px 0;
    background: url(../images/21.jpg) no-repeat left 1px;
    text-indent: 2em;
}
.news>.content ul li.on .right p {
	font-size: 14px;
    font-family: '微软雅黑';
    color: #777;
    line-height: 26px;
}
.news>.content ul li.on .right:hover h1 {
	color: #197ac9;
}
.news>.content ul li.on .right a {
	font-size: 13px;
    color: #737373;
    display: block;
    width: 34%;
    height: 100%;
    margin: 24px 0 0 0;
}
.news>.content ul li.on .right a span {
	-webkit-transition: .7s;
	-ms-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
    float: left;
    font-size: 13px;
    color: #197ac9;
    border: 1px solid #197ac9;
    padding: 10px 20px;
}
.news>.content ul li.on .right a img {
	margin-left: -8px;
    margin-top: 18px;
    -webkit-transition: .7s;
	-ms-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
}
.news>.content ul li.on .right a:hover span {
    margin: 0 0 0 5px;
}
.news>.content ul li.on .right a:hover img {
    margin: 18px 0 0 -15px;
}
.news>.content ul li.on:hover {
    background: none;
}
.news>.content ul li.on:hover .left {
    margin: 0;
    width: 306px;
    overflow: hidden;
}
.news>.content ul li.on:hover img {
    margin: 0;
}
.news>.content ul li.on:hover .right {
	margin: 0 0 0 24px;
}
.news>.content ul li.on:hover .left h1 {
    color: #fff;
}
.news>.content ul li.on:hover .left p {
    color: #fff;
}
.news>.content ul li.on:hover a .right {
    border: 1px solid #fff;
}
.news>.content ul li.on:hover a .right .date {
    color: #fff;
}
.news>.content ul li.on:hover a .right .year {
    color: #fff;
}
.news>.content ul li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding: 30px 0;
}
.news>.content ul li .left {
    float: left;
    width: 860px;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.news>.content ul li .left h1 {
    font-size: 18px;
    font-family: '微软雅黑';
    color: #464646;
    margin: 10px 0;
    font-weight: 400;
}
.news>.content ul li .left p {
    font-size: 14px;
line-height:24px;
    color: #9a9a9a;
}
.news>.content ul li .right {
    padding: 0;
    float: right;
    width: 75px;
    height: 75px;
    border: 1px solid #ccc;
    text-align: center;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.news>.content ul li .right p {
    font-size: 16px;
    font-family: '微软雅黑';
    color: #636363;
    line-height: 10px;
}
.news>.content ul li .right .date {
    color: #999;
    font-size: 38px;
    line-height: 54px;
}
.news>.content ul li .right .year {
    color: #999;
    font-size: 12px;
}
.news>.content ul li:hover {
    background: #197ac9;
}
.news>.content ul li:hover .left {
    margin: 0 0 0 30px;
    width: 800px;
}
.news>.content ul li:hover img {
    margin: 0 0 0 30px;
}
.news>.content ul li:hover .right {
    margin: 0 30px 0 0;
}
.news>.content ul li:hover .left h1 {
    color: #fff;
}
.news>.content ul li:hover .left p {
    color: #fff;
}
.news>.content ul li:hover a .right {
    border: 1px solid #fff;
}
.news>.content ul li:hover a .right .date {
    color: #fff;
}
.news>.content ul li:hover a .right .year {
    color: #fff;
}

.new-contents {
    width: 1198px;
    margin: 0px auto;
} 
.new-contents ul li {
    width: 1004px;
}
.new-contents ul li:last-child {
    border: none;
}
.new-contents ul li {
    margin: 50px 0 30px 0;
}
.new-contents ul li .left {
    float: left;
    width: 396px;
    overflow: hidden;
}
.new-contents ul li {
    width: 1004px;
    opacity: 0;
}
.new-contents ul li .right {
    float: right;
    width: 558px;
    height: auto !important;
    overflow: hidden;
}
.new-contents ul li .right a {
    font-size: 13px;
    color: #737373;
}
.new-contents ul li .right .bk span {
    -webkit-transition: .7s;
    transition: .7s;
    float: left;
    font-size: 13px;
    color: #e11f37;
    border: 1px solid #e11f37;
    /*padding: 10px 20px;*/
    padding: 10px 38px 10px 27px;
}
.new-contents ul li .right .bk img {
    margin-left: -8px;
    margin-top: 19px;
    -webkit-transition: .7s;
    transition: .7s;
}
.new-contents ul li .right a.bk:hover span {
    margin: 0 0 0 5px;
}
.new-contents ul li .right a.bk:hover img {
    margin: 19px 0 0 -15px;
}
.new-contents ul li .right a:hover {
    text-decoration: none;
}
.new-contents ul li .right h1 {
    font-family: "微软雅黑";
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin: 30px auto 0;
}
.new-contents ul li .right h2 {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #aaa;
    font-weight: 300;
    margin: 15px 0;
}
.new-contents ul li .right h2 img {
    margin: 0 6px 0 0;
}
.new-contents ul li .right p {
    font-size: 14px;
    font-family: "微软雅黑";
    color: #777;
    margin: 14px 0;
    line-height: 26px;
}
.new-contents ul li .right a {
    font-size: 13px;
    color: #737373;
    height: 100%;
}
.new-contents .paging {
    margin: 90px auto 120px;
}
.new-contents .details-t {
    text-align: center;
    margin: 80px auto 0;
}
.new-contents .details-t h1 {
    font-size: 30px;
    font-family: "微软雅黑";
    display: block;
    font-weight: normal;
}
.new-contents .details-t h2 {
    text-align: center;
    margin: 24px auto 40px;
	padding: 15px 0;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #878787;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.new-contents .details-t h2 span+span {
    margin: 0 0 0 15px;
}
.new-contents .details-c {
  /*  text-align: center;*/
}
.new-contents .details-c img {
    margin: 34px auto;
}
.new-contents .details-c p {
    text-align: left;
	text-indent: 2em;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 26px;
    color: #767676;
}
.bdshare-button-style0-16 .bds_qzone {
    background-position: 0 -52px
}
.bdshare-button-style0-16 .bds_tsina {
    background-position: 0 -104px
}
.bdshare-button-style0-16 .bds_renren {
    background-position: 0 -208px
}
.bdshare-button-style0-16 .bds_tqq {
    background-position: 0 -260px
}
.bdshare-button-style0-16 .bds_kaixin001 {
    background-position: 0 -312px
}
.bdshare-button-style0-16 .bds_tqf {
    background-position: 0 -364px
}
.bdshare-button-style0-16 .bds_hi {
    background-position: 0 -416px
}
.bdshare-button-style0-16 .bds_douban {
    background-position: 0 -468px
}
.bdshare-button-style0-16 .bds_tieba {
    background-position: 0 -728px
}
.bdshare-button-style0-16 .bds_hx {
    background-position: 0 -988px
}
.bdshare-button-style0-16 .bds_fx {
    background-position: 0 -1040px
}
.bdshare-button-style0-16 .bds_ty {
    background-position: 0 -1196px
}
.bdshare-button-style0-16 .bds_fbook {
    background-position: 0 -1352px
}
.bdshare-button-style0-16 .bds_twi {
    background-position: 0 -1404px
}
.bdshare-button-style0-16 .bds_linkedin {
    background-position: 0 -1664px
}
.bdshare-button-style0-16 .bds_meilishuo {
    background-position: 0 -1716px
}
.bdshare-button-style0-16 .bds_mogujie {
    background-position: 0 -1768px
}
.bdshare-button-style0-16 .bds_diandian {
    background-position: 0 -1820px
}
.bdshare-button-style0-16 .bds_huaban {
    background-position: 0 -1872px
}
.bdshare-button-style0-16 .bds_duitang {
    background-position: 0 -2028px
}
.bdshare-button-style0-16 .bds_youdao {
    background-position: 0 -2080px
}
.bdshare-button-style0-16 .bds_wealink {
    background-position: 0 -2184px
}
.bdshare-button-style0-16 .bds_copy {
    background-position: 0 -2288px
}
.bdshare-button-style0-16 .bds_mail {
    background-position: 0 -2340px
}
.bdshare-button-style0-16 .bds_print {
    background-position: 0 -2392px
}
.bdshare-button-style0-16 .bds_mshare {
    background-position: 0 -2444px
}
.bdshare-button-style0-16 .bds_sqq {
    background-position: 0 -2652px
}
.bdshare-button-style0-16 .bds_sdo {
    background-position: 0 -2704px
}
.bdshare-button-style0-16 .bds_qingbiji {
    background-position: 0 -2756px
}
.bdshare-button-style0-16 .bds_people {
    background-position: 0 -2808px
}
.bdshare-button-style0-16 .bds_xinhua {
    background-position: 0 -2912px
}
.bdshare-button-style0-16 .bds_yaolan {
    background-position: 0 -2964px
}
.bdshare-button-style0-16 .bds_thx {
    background-position: 0 -2496px
}
.bdshare-button-style0-16 .bds_bdhome {
    background-position: 0 -156px
}
.bdshare-button-style0-16 .bds_bdxc {
    background-position: 0 -2548px
}
.bdshare-button-style0-16 .bds_bdysc {
    background-position: 0 -3068px
}
.bdshare-button-style0-16 .bds_isohu {
    background-position: 0 -3016px
}
.bdshare-button-style0-16 .bds_more {
    background-position: 0 0
}
.bdshare-button-style0-16 .bds_ibaidu {
    background-position: 0 -3120px
}
.bdshare-button-style0-16 .bds_weixin {
    background-position: 0 -1612px
}
.bdshare-button-style0-16 .bds_iguba {
    background-position: 0 -1300px
}
.bdshare-button-style0-16 .bds_h163 {
    background-position: 0 -3160px
}
.bdshare-button-style0-16 .bds_evernotecn {
    background-position: 0 -3184px
}
.bdshare-button-style0-16 {
    padding: 6px 0;
    zoom: 1
}
.bdshare-button-style0-16:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(../images/icons_0_16.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0
}
.bdshare-button-style0-16 a:hover {
    color: #333;
    opacity: .8;
    filter: alpha(opacity=80)
}
.bdshare-button-style0-16 .bds_more {
    color: #333;
    float: left
}
.bdshare-button-style0-16 .bds_count {
    color: #333;
    background: url(../images/icons_0_16.png) no-repeat 0 -30px;
    width: 42px;
    height: 16px;
    padding: 0;
    margin: 6px 0 0;
    text-align: center
}
.bdshare-button-style0-16 .bds_count:hover {
    background-position: -42px -30px
}
.bdshare-button-style0-16 .bds_button_image {
    float: left;
    cursor: pointer;
    margin: 6px 6px 0 0;
    height: auto;
    padding: 0
}
.bdshare-button-style0-16 .bdshare_button_count {
    background: url(../images/icons_0_16.png) no-repeat 0 0;
    width: 44px;
    height: 24px;
    line-height: 24px
}
.bdshare-button-style0-16 .bdshare_button_count:hover {
    background-position: -44px 0
}
.bds_tsohu, .bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 {
    display: none
}
.bdsharebuttonbox{ float:right;}
.bdsharebuttonbox a{
    display: inline-block;
    float: left;
    width: 35px!important;
    height: 22px!important;
    padding: 0!important;
    background: url("../images/bg_sign30.png") no-repeat!important;
    margin: 0 1px!important;
}
.bdsharebuttonbox a:hover{
    background-position: 0 -22px!important;
}
.bdsharebuttonbox .bds_tsina{
    background-position: 0 -44px!important;
}
.bdsharebuttonbox .bds_tsina:hover{
    background-position: 0 -66px!important;
}
.bdsharebuttonbox .bds_qzone{
    background-position: 0 -88px!important;
}
.bdsharebuttonbox .bds_qzone:hover{
    background-position: 0 -110px!important;
}
.bdsharebuttonbox .bds_tqq{
    background-position: 0 -132px!important;
}
.bdsharebuttonbox .bds_tqq:hover{
    background-position: 0 -154px!important;
}
.bdsharebuttonbox .bds_sqq{
    background-position: 0 -176px!important;
}
.bdsharebuttonbox .bds_sqq:hover{
    background-position: 0 -198px!important;
}
.bdsharebuttonbox .bds_tieba{
    background-position: 0 -220px!important;
}
.bdsharebuttonbox .bds_tieba:hover{
    background-position: 0 -242px!important;
}
.jump {
    width: 100%;
    margin-bottom: 0px;
}
.jump .fxym {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 25px 0;
    margin-bottom: 20px;
}
.jump .jump-s {
    float: left;
    color: #919191;
    font-size: 14px;
    font-family: "微软雅黑";
    height: 70px;
    width: 800px;
}
.jump .jump-s p {
    line-height: 26px;
    display: block;
}
.jump .jump-s p a {
    color: #919191;
}
.jump .jump-b {
    width: 132px;
    float: right;
    height: 70px;
    margin-top: 15px;
}
.jump .jump-b a {
    display: block;
    text-align: center;
    width: 132px;
    height: 40px;
    line-height: 40px;
    background: #007ac3;
    color: #FFFFFF;
    font-size: 16px;
}


/*联系我们*/
.part1 .wrap{position:relative;margin-bottom:42px;}
.part1 .map_box{width:100%;height:500px;overflow:hidden;background:#f0f0f0; margin-top:50px; border:1px #ccc solid;}
.part1 .part1_main{width:36%;background:url(../images/blur_73.png);color:#fff;position:absolute;top:15%;right:6%;}
.part1 .part1_main dl{padding:10% 6%;}
.part1 .part1_main dt{font-size:24px;margin-bottom:26px;}
.part1 .part1_main dd{margin-bottom:20px;line-height:30px;}
.part1 .part1_main dd a{color:#fff;}
.part1 .part1_main dd .map_ico{width:30px;height:30px;background:url(../images/about_callus_part1_ico.png) no-repeat;margin-right:10px;}
.part1 .part1_main dd.dd1 .map_ico{background-position:0px 0px;}
.part1 .part1_main dd.dd2 .map_ico{background-position:-30px 0px;}
.part1 .part1_main dd.dd3 .map_ico{background-position:-60px 0px;cursor:default;}
.part1 .part1_main dd.dd4 .map_ico{background-position:-90px 0px;}
.part1 .part1_main dd .map_main{width:80%;}
.l { float: left;}.r { float: right;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after {display: table;clear: both;content: '';}
/*body{font-size:14px;line-height:1.6;color:#555;background:#fff;}*/

@media all and (max-width:800px){
.part1 .map_box{height:250px;}
.part1 .part1_main dt{font-size:20px; margin-bottom: 20px;}
.part1 .part1_main dd.dd1 .map_main{width:80%;}
.part1 .part1_main dl{padding:6%;}
.part1 .wrap{margin-bottom:0;}
.about_callus_part2 ._jc_box li{min-height:100px;}
.about_callus_part2 ._jc ._jc_box{padding: 20px 0px 0px;}
.part1 .part1_main{position:static;width:100%;}
}


/*品牌*/
.pt3 {padding-top:0px;}
.pt3 li{margin-bottom:50px;}
.pt3 .text_box{width:80%;}
.pt3 .img_box{width:20%;}
.pt3 .odd .text_box{float:left;}
.pt3 .even .text_box{float:right;}
.pt3 .odd .img_box{float:right;}
.pt3 .even .img_box{float:left;}
.pt3 .text_box .pd{border:1px solid #c5c5c5; height:226px; padding:30px 50px; overflow:hidden;}
.pt3 .img_box .rect-70{border:1px solid #cfcfcf; overflow:hidden;background-color: #fff;}
.pt3 .odd .text_box .pd{border-right:none;}
.pt3 .even .text_box .pd{border-left:none;}
.pt3 .text_box .pd .t{font-size:30px; font-weight:bold; color:#333; line-height:1; margin-bottom:20px;}
.pt3 .text_box .pd .line{width:40px; height:3px; background:#333333; margin-bottom:20px;}
.pt3 .text_box .pd .d{font-size:16px; color:#333; line-height:30px;}
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
._full{width:100%;}
@media all and (max-width:800px){
.pt3{padding-top:0;}
.pt3 .text_box{width:100%;}
.pt3 .img_box{width:100%;}
.pt3 .text_box .pd{padding:40px;}
.pt3 .odd .text_box .pd {border:1px solid #c5c5c5;}
.pt3 .even .text_box .pd {border:1px solid #c5c5c5;}
.pt3 .text_box .pd {height: 100%;}
.pt3 .img_box .rect-70 {text-align: center;}
.area {height:auto !important;width: 1300px!important;}
.part1 .map_box {margin-top: 0px;padding-top:20px;border:0px;}
#middleArea {padding-bottom: 4%;}
}

/*人才*/
.job_idea { margin-bottom:50px; }
.job_idea .img_box{margin-right:50px; margin-bottom:20px; }
.area .down { position:relative; }
.area .down ._left { position:absolute; top:0; left:0; width:48.75%; -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.area .down ._left img { width:100%; height:auto; }
.area .down ._right { float:right; width:42%; padding:42px 4% 0 5%; -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.area .ch_sub_tt { margin-bottom:12px; }
.area ._hr { margin-bottom:20px; background-color:#666;padding-bottom: 2px; width:80px;}
.area .ch_bd { height:9em; overflow:hidden; margin-bottom:36px; line-height:1.8; }
._btn_list ._more_btn { display:inline-block; *display:inline; *zoom:1; margin-right:40px; margin-bottom:41px; }
._btn_list ._more_btn { margin-bottom:31px; }
.area ._right { height:352px; }
.area ._right ._bd { height:9em; overflow:hidden; margin-bottom:37px;line-height: 2em;}
.ch_sub_tt { font-size:28px; font-weight:bold; color:#000000; text-transform:uppercase; }
.ch_bdr {border:#ddd 10px solid;}
i, em { font-style: normal;}
._Mbtn { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; *cursor:hand; }
._more_btn{ display:block; position:relative; width:130px; height:40px; z-index:20; overflow:hidden; margin-bottom:27px; padding:0px 5px;line-height:40px; font-size:15px; color:#838383; border-top:1px solid #999; border-bottom:1px solid #999; }
._Mbtn:hover { color:#ffffff; *background-color:#00317e; }
._Mbtn:before { content:''; display:block; position:absolute; top:-100%; left:0; width:100%; height:100%; z-index:1; background-color:#085da7; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
._Mbtn:hover:before { top:0%; }
._more_btn .more_ico{display:block;position:absolute; z-index:2; width:10px;height:10px; line-height:10px;text-align:center;display:block;right:15px;top:50%;margin-top:-5px;}
._more_btn ._txt { position:absolute; left:8px; top:50%; z-index:2; margin-top:-20px; }

@media all and (max-width:800px){
body, input, textarea, button, select {
    font-size: 16px;
}
.area ._right ._bd {height: 100% !important;}
.area ._right {height: 100% !important;}
.tab_t_list:before,.tab_t_list:after { content:''; display:table; clear:both; }
.wrap_box { height:390px; }
.down ._left,.about_channel .part01 .down ._right { float:none; width:100% !important; }
.down ._left { position:relative !important;}
.down ._right {float:none !important; box-sizing:border-box; width: 100% !important;}
._ban { display:none; }
.tab_c_list { width:100%; height:290px; overflow:hidden; margin-bottom:10px; }
.tab_c_list .tab_c { padding:20px 40px 0; }
.tab_t_list { float:left; width:100%; }
.tab_t { float:left; width:25%; font-size:18px; }
._mask ._hd { padding-top:20px; }
._mask ._bd { padding-bottom:3px; }
._more_btn{ width:40% !important;  }
._btn_list ._more_btn { margin-right:10px !important; }
}

/*人才*/
.job_list { margin-bottom:0px;position: relative;}
.joblist_tt{background-color: #999;height: 54px;line-height: 54px; overflow:hidden;float:left; width:100%;}
.joblist_tt span{ float:left;text-indent:3%;font-weight: bold;}
.joblist_tt span.jobli1{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal;
text-indent: 5%;}
.joblist_tt span.jobli2{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal;
text-indent: 5%;}
.joblist_tt span.jobli3{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal;
text-indent: 5%;}
.joblist_tt span.jobli4{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal;
text-indent: 5%;}
.joblist_tt span.jobli5{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal;
text-indent: 5%;}
.JobList-J2 { overflow:hidden;}
.JobList-J2 ._jt {  background-color: #fff;  height: 50px;  line-height: 50px;  border:1px solid #f2f2f2;  overflow: hidden;  *zoom: 1;  cursor: pointer; position:relative; float:left; width:100%;}
.JobList-J2 ._jt strong { float: left;  width: 20%; color:#5a5a5a;font-size: 14px;text-align: left;text-indent: 5%;font-weight: normal;}
.JobList-J2 ._jt span {  float: right;}
.JobList-J2 ._jt ._jt_btn{ display:block; background:url(../images/job_btn.png) left top no-repeat; width:30px; height:35px; position:absolute; right:2%; top:50%; margin-top:-17.5px;}
.JobList-J2 ._jc {display: none; float:left; width:100%;background-color:#f9f9f9;padding-left: 40px;padding-bottom: 5px;}
.JobList-J2 ._jcon {  padding: 10px 10px 10px 20px;}
.JobList-J2 ._jcon ._title{font-size: 15px;color:#000;margin-top: 20px;}
.JobList-J2 ._jcon ._typeIn{line-height: 1.6em;}
.JobList-J2 ._jcon ._typeIn p{line-height: 1.6em;}
.JobList-J2 ._jt_act  {color:#fff;}
.JobList-J2 ._jt_act ._jt_btn{ background-position:left bottom;}
._channelBtn{ display: inline-block;border: 1px #d6d6d6 solid;width: 160px;height: 40px;line-height: 40px;text-align: center;margin-top: 14px;margin-right: 10px;display:none;}
._channelBtn:hover{ background-color:#01499d; color:#fff;}
.JobList-J2 ._jt strong.srong1{ width:20%;color:#5a5a5a;font-size: 14px;text-align: left;text-indent: 5%;font-weight: normal;}
.JobList-J2 ._jt strong.srong2{ width:20%;color:#5a5a5a;font-size: 14px;text-align: left;text-indent: 5%;font-weight: normal;}
.JobList-J2 ._jt strong.srong3{ width:20%;color:#5a5a5a;font-size: 14px;text-align: left;text-indent: 5%;font-weight: normal;}
.JobList-J2 ._jt strong.srong4{width:20%;color:#5a5a5a;font-size: 14px;text-align: left;text-indent: 5%;font-weight: normal;}
body .album_ordinary .slide_c p { bottom:30px; }
.zzz{height: 45px;line-height: 45px;width:100px;background-color: #fff100;margin-top:50px;}
@media all and (max-width:800px){
.joblist_tt span.jobli2,.joblist_tt span.jobli3{display:none;}
.JobList-J2 ._jt strong.srong1,.JobList-J2 ._jt strong.srong2{display:none;}
.joblist_tt span.jobli1,.JobList-J2 ._jt strong{width:44%;}
.joblist_tt span.jobli4,.JobList-J2 ._jt strong.srong3,.joblist_tt span.jobli5{width:26%;}
.job_compre .part01{padding-top: 0;}

.joblist_tt span.jobli2,.joblist_tt span.jobli3{display:none;}
.JobList-J2 ._jt strong.srong1,.JobList-J2 ._jt strong.srong2{display:none;}
.joblist_tt span.jobli1,.JobList-J2 ._jt strong{width:44%;}
.joblist_tt span.jobli4,.JobList-J2 ._jt strong.srong3,.joblist_tt span.jobli5{width:26%;text-align: center;}
.JobList-J2 ._jc{padding:4%;width:100%;}
.JobList-J2 ._jcon{padding:0;}
}


/*发展历程*/
/* history_m*/
.history_m{margin:0 auto; display:none;}
.history_m .bd_l{margin:4%;}
.history_m .bd_l dl{margin-bottom:60px;opacity:.6;}
.history_m .bd_l dt{position:relative;height:30px;line-height:30px;margin:16px 0px 20px;}
.history_m .bd_l dt span{display:inline-block;font-size:25px;font-weight: bold;color:#1a6dac; position:absolute;left:42%;z-index:2;padding:0px 10px; background: #f8f8f8;}
.history_m .bd_l dt .year_bj{width:100%;height:0;border-bottom:1px #1a6dac dotted;position:absolute;top:50%;left:0;z-index:1;}
.history_m .bd_l dd{font-size:16px;color:#454545;line-height:30px;margin-bottom:18px;}

@media all and (max-width:800px){
    .history_m{margin:0 auto; display:block;}
	.history_m .bd_l{width:auto;height:auto;}
	.history_m .bd_l dl{opacity:1;}
	.history_m .add_height{ display: none; }
	.about-main2{ display:none;}
}
@media only screen and (max-width: 760px){
	.history_m .bd_l dt span{ font-size: 25px; }
}

/*新闻新*/
.list_l{width:100%;margin-top: 4%;}
.list_l li{margin-bottom:20px;}
.list_l .list_box{background:#fafafa;padding:3%;display:block;position:relative;overflow:hidden;position:relative;}
.list_l .list_box .img_bj{position:absolute;width:100%;height:auto;top:0;left:0;z-index:1;}
.list_l .list_box .img_bj img{width:100%;}
.list_l .list_time{font-size:16px;color:#666;}
.list_l .list_title{font-size:20px;color:#333;margin:30px 0px 20px;}
.list_l .list_p{font-size:16px;color:#666;line-height:28px;min-height: 84px;}
.list_l .list_img{width:29%;margin-left: 4%;}
.list_l .list_img ._full{height:auto;width: 100%;}
.list_l .list_text{position:relative;z-index:3;}

.list_l .first_list .list_time,.list_l .first_list .list_title,.list_l .first_list .list_p{color:#fff;}
.list_l .first_list .black_bj{width:100%;height:100%;display:block;background:url(../images/black_75.png) repeat;top:0;left:0;position:absolute;z-index:2;}

.list_l li:hover .list_title{color:#005bab;}
.list_l .first_list:hover .list_title{color:#fff;}

.more_btn{border-color:#005bab;color:#fff;margin:50px auto 0px;background-color:#005bab;}
.more_btn:hover{border-color:#004291;background-color:#004291;}

@media all and (max-width:800px){
.list_l .list_img{width:100%;margin-left:0;float:none;}
.list_l .list_title{margin:0;padding:2% 0;font-size:20px;white-space: normal;line-height: 1.6em;}
.list_l .list_text{padding:4% 0;}
.new-contents {width: 100%;margin: 0px auto;}
.new-contents .details-t {text-align: center;margin:0 auto;padding-top: 4%; }
.new-contents .details-t h1 {line-height: 1.6em;font-size: 24px;}
.new-contents .details-c img {width:100%;margin-left: -8%;float:none;}
.jump .jump-s {font-size: 16px;width:100%;height:100%;}
.jump .jump-s p{ padding-bottom:10px;}
.jump .fxym {padding: 5px 0;}
.new-contents .details-c p {font-size: 16px;}
.sub-visual-txt { padding: 15% 0 7% 0 !important;}
.sub-visual-txtp { padding: 15% 0 7% 0 !important;}
.ipro { display: none;}
#mainVisual {height: auto !important;}
.footer-top-inner {display: none;}
#familySiteBox {display: none;}
.footer-bottom-inner > p a {display: block;}

.lunhuan-content {
	width: 100%;
}

.lunhuan {
	width: 100% !important;
	position: relative;
	margin-left: initial !important;
	height: auto !important;
	left: initial;
	margin: 0 auto;
}

.lunhuan #lunhuanback {
	width: 100% !important;;
	position: relative;
}

.lunhuan #lunhuanback img {
	width: 100% !important;
	height: auto !important
}

.lunhuan .lunhuan_main {
	width: 100% !important;
	height: 257px !important;
	position: absolute;
	top: 0;
}
#lunbonum {
    left: 160px !important;
}
}

/*小轮播*/
 .lunhuan { 
 	width:428px; 
 	height: 327px; 
 	position: relative; 
 	float:left;
	margin-left: 50px;
 }
.lunhuan #lunhuanback { 
	width:428px; 
	height: 327px; 
	position: absolute; 
	left: 0; 
	top: 10px; 
	overflow: hidden; 
	margin-left: 0px;
	margin-bottom:30px;
}
.lunhuan #lunhuanback img { 
	width:428px; 
	height: 327px; 
	position: absolute; 
	left: 0; 
	top: 0; 
	opacity: 0; filter: alpha(opacity=0); 
	background-repeat: no-repeat; 
	background-position: 50% 0; 
}
.lunhuan .lunhuan_main { 
	width:428px; 
	height: 327px;
	margin: 0 auto; 
	position: relative; 
}
#lunbonum { 
	height: 14px; 
	line-height: 23px; 
	position:absolute; 
	left:190px; 
	bottom: 0px; 
	z-index: 5; 
}
#lunbonum li { 
	width: 13px; 
	height: 13px; 
	float: left; 
	margin-right: 9px; 
	background: #fff; 
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px; 
	border-radius: 14px; 
	cursor: pointer; 
	*width: 50px; 
	*height: 8px; 
}
#lunbonum .lunboone { 
	background: #0263ac; 
	cursor: pointer; 
}